#tabs {
  width: 100%;
  margin: 0 0 0 10px;
  padding: 0;
  list-style: none;
}

#tabs li {
  float: left;
  margin: 10px 0 0 10px;
}

#tabs a {
  position: relative;
  padding: 28px 10px 5px 10px; 
  float: left; text-align:center;
  text-decoration: none; font-size:12px;
  color: #595959; font-family: MyFontBold; text-transform:uppercase; 
 border-radius: 3px;  text-shadow: 0 1px rgba(255,255,255,.4); 
}

#tabs a span{width: 20px; height: 20px; color:#595959; position:absolute; left:50%; margin-left:-10px; display:block; top:8px; font-size:18px;}

#tabs a:focus {
  outline: 0;
}



#tabs #current a, #tabs a:focus {
  background: #868586;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6e6e6e), to(#868586));
  background-image: -webkit-linear-gradient(top, #6e6e6e, #868586);
  background-image: -moz-linear-gradient(top, #6e6e6e, #868586);
  background-image: -ms-linear-gradient(top, #6e6e6e, #868586);
  background-image: -o-linear-gradient(top, #6e6e6e, #868586);
  background-image: linear-gradient(to bottom, #6e6e6e, #868586);
  z-index: 3; text-shadow: 0 1px rgba(0,0,0,.2); color:#fff;
   box-shadow: 0 1px 1px rgba(255,255,255,.7),  inset 0 1px 3px rgba(0,0,0,.3);
}

#tabs #current a span, #tabs a:focus span{color:#fff;}